<div class="panel border-primary no-border border-3-top topcss" data-panel-control>
    <div class="panel-heading">
        <div class="panel-title">
            <h5>&nbsp;&nbsp;&nbsp;客户概览</h5>
        </div>
    </div>
    <div class="panel-body">
        <ql-menu [model]="index" (modelChange)="handle($event)" class="ql-menu-demo" mode="horizontal">
            <ql-menu-item index="1">客户分布统计</ql-menu-item>
            <ql-menu-item index="2">客户标签统计</ql-menu-item>
            <ql-menu-item index="3">客户行为统计</ql-menu-item>
        </ql-menu>
        <div class="p-15" heading="客户分布统计" *ngIf="tabIndex=='1'">
            <div class="panel-body">
                <div *ngIf="oneIndex==1" echarts [options]="barchartOption[0]" [merge]="barchartOption[1]" [ngStyle]="{height: hdata6 == 'NaNpx' ? '400px' : hdata6}" [loading]="loading"></div>
                <div *ngIf="oneIndex==2">
                    <table class="table table-striped table-bordered table-hover">
                        <thead class="fontfour">
                            <tr>
                                <th scope="col">客户类型</th>
                                <th scope="col">数量</th>
                                <th scope="col">资产余额</th>
                                <th scope="col">AUM</th>
                                <th scope="col">户AUM</th>
                                <th scope="col">上日资产变动</th>
                                <!--<th scope="col">年累计资产变动</th>-->
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of res; let i = index" class="fontthree">
                                <td class="ql-text-center">{{data.targetName}}</td>
                                <td class="ql-text-center">{{data.count}}</td>
                                <td>{{data.amount}}</td>
                                <td>{{data.aum}}</td>
                                <td>{{data.familyAUM}}</td>
                                <td>{{data.dayChangeAmount}}</td>
                                <!--<td>{{data.yearChangeAmount}}</td>-->
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="7">
                                    <button type="button" (click)="oneHandle(1)" class="btn btn-primary btn-sm btncss">数据图形</button>
                                </td>
                            </tr>

                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="p-15" heading="客户标签统计" *ngIf="tabIndex=='2'">
            <div class="panel-body">
                <div *ngIf="twoIndex==1" echarts [options]="labelOption[0]" [merge]="labelOption[1]" [ngStyle]="{height: hdata6 == 'NaNpx' ? '400px' : hdata6}" [loading]="loading"></div>
                <div *ngIf="twoIndex==2">
                    <table class="table table-striped table-bordered table-hover">
                        <thead class="fontfour">
                            <tr>
                                <th scope="col">标签名称</th>
                                <th scope="col">数量</th>
                                <th scope="col">资产余额</th>
                                <th scope="col">AUM</th>
                                <th scope="col">户AUM</th>
                                <th scope="col">上日资产变动</th>
                                <!--<th scope="col">年累计资产变动</th>-->
                            </tr>
                        </thead>
                        <tbody>
                            <tr *ngFor="let data of labelres; let i = index" class="fontthree">
                                <td class="ql-text-center">{{data.targetName}}</td>
                                <td class="ql-text-center">{{data.count}}</td>
                                <td>{{data.amount}}</td>
                                <td>{{data.aum}}</td>
                                <td>{{data.familyAUM}}</td>
                                <td>{{data.dayChangeAmount}}</td>
                                <!--<td>{{data.yearChangeAmount}}</td>-->
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="7">
                                    <button type="button" (click)="twoHandle(1)" class="btn btn-primary btn-sm btncss">数据图形</button>
                                    <button type="button" class="btn btn-primary btn-sm btncss margeright">更多</button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>

        <div class="p-15" heading="客户行为统计" *ngIf="tabIndex=='3'">
            <div class="panel-body">
                <div *ngIf="threeIndex==1" echarts [options]="linechartOption[0]" [merge]="linechartOption[1]" [ngStyle]="{height: hdata6 == 'NaNpx' ? '400px' : hdata6}" [loading]="loading"></div>
                <div *ngIf="threeIndex==2">
                    <table class="table table-striped table-bordered table-hover">
                        <thead class="fontfour">
                            <tr>
                                <th scope="col"></th>
                                <th *ngFor="let data of linedata; let i = index" scope="col">{{data.dataDate}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="fontthree">
                                <td class="ql-text-center">消费圈前5</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a1}}个</td>
                            </tr>
                            <tr class="fontthree">
                                <td class="ql-text-center">连续6个月无投资行为</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a2}}个</td>
                            </tr>
                            <tr class="fontthree">
                                <td class="ql-text-center">定期-最近7天浏览次数</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a3}}个</td>
                            </tr>
                            <tr class="fontthree">
                                <td class="ql-text-center">精英贷-最近7天浏览次数</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a4}}个</td>
                            </tr>
                            <tr class="fontthree">
                                <td class="ql-text-center">理财-最近7天浏览次数</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a5}}个</td>
                            </tr>
                            <tr class="fontthree">
                                <td class="ql-text-center">基金-最近7天浏览次数</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a6}}个</td>
                            </tr>
                            <tr class="fontthree">
                                <td class="ql-text-center">信用卡-最近7天浏览次数</td>
                                <td *ngFor="let data of linedata; let i = index">{{data.a7}}个</td>
                            </tr>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="7">
                                    <button style="float: right;font-size: 0.4em;" type="button" (click)="threeHandle(1)" class="btn btn-primary btn-sm btncss">数据图形</button>
                                    <button style="float: right;font-size: 0.4em;margin-right: 5px;" type="button" class="btn btn-primary btn-sm btncss margeright">更多</button>
                                </td>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
